<template>
    <div>
    
  <div >
    <infoCard />
      <van-config-provider :theme-vars="themeVars">
        <van-grid clickable :column-num="3">
         
    <van-grid-item icon="home-o" text="预约挂号" to="/departmentSelection" />
    <van-grid-item icon="search" text="我的挂号" url="https://github.com" />
    <van-grid-item icon="home-o" text="报告查询" to="/" />
    <van-grid-item icon="search" text="住院信息" url="https://github.com" />  
    <van-grid-item icon="search" text="线上缴费" url="https://github.com" />  
  </van-grid>
      </van-config-provider>
  
  </div>
    </div>
  </template>
  
  <script >
  import infoCard from '@/components/Home/infoCard.vue';
  export default {
    components: {
      infoCard
    },
    /* eslint-disable */
    name: 'menu',
    props: {
      msg: String
    },
    data() {
     
      return {
        themeVars: {
          gridItemContentBackground: '#7c78d', // 这里替换成你想要的颜色
        },
      };
    },
    computed: {
      isDepartmentSelection() {
        return this.$route.path === '/departmentSelection';
      }
    }
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>
  :deep(.van-grid-item__content) {
    background-color: #7c78d4; /* 设置你想要的颜色 */
  }
  </style>
  